<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="es">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>ferrocarriles03 Adm</title>
        <script type="text/javascript" src="./js/jquery-1.6.4.js"></script>
        <script type="text/javascript" src="./js/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="./js/jquery.dataTables.min.js"></script>
        <link rel="stylesheet" type="text/css" href="./css/eggplant/jquery-ui-1.8.16.custom.css" />
        <link rel="stylesheet" type="text/css" href="./css/demo_table.css" />
        <script type="text/javascript" src="./js/jquery.bgiframe-2.1.2.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.core.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.mouse.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.button.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.draggable.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.position.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.resizable.js"></script>
	<script type="text/javascript" src="./js/jquery.ui.dialog.js"></script>
	<script type="text/javascript" src="./js/jquery.effects.core.js"></script>
        <script type="text/javascript" src="./js/jquery.ui.tabs.js"></script>
	<link rel="stylesheet" href="./css/demos.css"/>
        
        <script type="text/javascript">
           /* TABS */ 
            $(function() {
		$( "#tabs" ).tabs();
            });            
           /* TABS FIN */
           
           /* TABLA */ 
            $(document).ready(function() {
	(function($) {
/*
 * Function: fnGetColumnData
 * Author:   Benedikt Forchhammer <b.forchhammer /AT\ mind2.de>
 */
        $.fn.dataTableExt.oApi.fnGetColumnData = function ( oSettings, iColumn, bUnique, bFiltered, bIgnoreEmpty ) {
	// check that we have a column id
            if ( typeof iColumn == "undefined" ) return new Array();
	
	// by default we only wany unique data
            if ( typeof bUnique == "undefined" ) bUnique = true;
	
	// by default we do want to only look at filtered data
            if ( typeof bFiltered == "undefined" ) bFiltered = true;
	
	// by default we do not wany to include empty values
            if ( typeof bIgnoreEmpty == "undefined" ) bIgnoreEmpty = true;
	
	// list of rows which we're going to loop through
            var aiRows;
	
	// use only filtered rows
            if (bFiltered == true) aiRows = oSettings.aiDisplay; 
	// use all rows
            else aiRows = oSettings.aiDisplayMaster; // all row numbers

	// set up data array	
            var asResultData = new Array();
	
            for (var i=0,c=aiRows.length; i<c; i++) {
		iRow = aiRows[i];
		var aData = this.fnGetData(iRow);
		var sValue = aData[iColumn];
		
		// ignore empty values?
		if (bIgnoreEmpty == true && sValue.length == 0) continue;

		// ignore unique values?
		else if (bUnique == true && jQuery.inArray(sValue, asResultData) > -1) continue;
		
		// else push the value onto the result data array
		else asResultData.push(sValue);
            }
	
            return asResultData;
    }}(jQuery));



    function fnCreateSelect( aData ) {    
	var r='<select><option value=""></option>', i, iLen=aData.length;
	for ( i=0 ; i<iLen ; i++ )
	{
		r += '<option value="'+aData[i]+'">'+aData[i]+'</option>';
	}
	return r+'</select>'; 
    }

        
        /* Initialise the DataTable */
            var oTable = $('#example').dataTable( {
                "bJQueryUI": true,
                "oLanguage": {                    
                             "oPaginate": {
                                        "sPrevious": "Anterior",
                                        "sNext": "Siguiente",
                                        "sLast": "Ultima",
                                        "sFirst": "Primera"
                                        }, 
                                        
                            "sLengthMenu": 'Mostrar <select>'+
                            '<option value="10">10</option>'+
                            '<option value="20">20</option>'+
                            '<option value="30">30</option>'+
                            '<option value="40">40</option>'+
                            '<option value="50">50</option>'+
                            '<option value="-1">Todos</option>'+
                            '</select> registros',
                            "sInfo": "Mostrando del _START_ a _END_ (Total: _TOTAL_ resultados)",
                            "sInfoFiltered": " - filtrados de _MAX_ registros",
                            "sInfoEmpty": "No hay resultados de búsqueda",
                            "sZeroRecords": "No hay registros a mostrar",
                            "sProcessing": "Espere, por favor...",
                            "sSearch": "Buscar:"
                            },
                "bProcessing": true,
                "sAjaxSource": 'cargatablas.php?cargaen=1'
                } );  
                
                /* Add a select menu for each TH element in the table footer */
               
        $("#example").ajaxComplete(function(){ 
	$("tfoot th").each( function ( i ) {
		this.innerHTML = fnCreateSelect( oTable.fnGetColumnData(i) );
		$('select', this).change( function () {
			oTable.fnFilter( $(this).val(), i );
		} );
            });
	}); 
        
     
     
    /*
     * Support functions to provide a little bit of 'user friendlyness' to the textboxes in
     * the footer
     */
    $("tfoot input").each( function (i) {
        asInitVals[i] = this.value;
    } );
     
    $("tfoot input").focus( function () {
        if ( this.className == "search_init" )
        {
            this.className = "";
            this.value = "";
        }
    } );
     
    $("tfoot input").blur( function (i) {
        if ( this.value == "" )
        {
            this.className = "search_init";
            this.value = asInitVals[$("tfoot input").index(this)];
        }
    });
    
    
    /* Add a click handler to the rows - this could be used as a callback */    
    $("#example tbody").click(function(event) {
        $(oTable.fnSettings().aoData).each(function (){
            $(this.nTr).removeClass('row_selected');            
        });        
        $(event.target.parentNode).addClass('row_selected');       
        var anSelected = fnGetSelected( oTable );
        //alert("se selecciono:"+anSelected.getElementsByTagName('td')[0].innerHTML); 
        $( "#formId1" ).dialog( "open" );
			
    });
   
  });  
    
    /* Get the rows which are currently selected */
    
    function fnGetSelected( oTableLocal ){
        var aReturn = new Array();
        var aTrs = oTableLocal.fnGetNodes();
     
        for ( var i=0 ; i<aTrs.length ; i++ )
        {
            if ( $(aTrs[i]).hasClass('row_selected') )
            {
            aReturn= aTrs[i] ;
            }
        }
        return aReturn;
    }
    

/* TABLA FIN */ 
        
        </script>
        <script>
                       
	$(function() {
            // traduccion de calendario deplegable a español
            $.datepicker.regional['es'] = {
		closeText: 'Cerrar',
		prevText: '&#x3c;Ant',
		nextText: 'Sig&#x3e;',
		currentText: 'Hoy',
		monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',
		'Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],
		monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',
		'Jul','Ago','Sep','Oct','Nov','Dic'],
		dayNames: ['Domingo','Lunes','Martes','Mi&eacute;rcoles','Jueves','Viernes','S&aacute;bado'],
		dayNamesShort: ['Dom','Lun','Mar','Mi&eacute;','Juv','Vie','S&aacute;b'],
		dayNamesMin: ['Do','Lu','Ma','Mi','Ju','Vi','S&aacute;'],
		weekHeader: 'Sm',
		dateFormat: 'dd/mm/yy',
		firstDay: 1,
		isRTL: false,
		showMonthAfterYear: false,
		yearSuffix: ''};
             $.datepicker.setDefaults($.datepicker.regional['es']);
             
             
          //funciones de validacion   
          $( "#dialog:ui-dialog" ).dialog( "destroy" );
		
		function updateTips( t ) {
			tips
				.text( t )
				.addClass( "ui-state-highlight" );
			setTimeout(function() {
				tips.removeClass( "ui-state-highlight", 1500 );
			}, 500 );
		};

		function checkLength( o, n, min, max ) {
			if ( o.val().length > max || o.val().length < min ) {
				o.addClass( "ui-state-error" );
				updateTips( "Length of " + n + " must be between " +
					min + " and " + max + "." );
				return false;
			} else {
				return true;
			}
		};

		function checkRegexp( o, regexp, n ) {
			if ( !( regexp.test( o.val() ) ) ) {
				o.addClass( "ui-state-error" );
				updateTips( n );
				return false;
			} else {
				return true;
			}
		};   
             
           
	//formulario emergente 1
        var remitente = $( "#remitente" ),
            responsable = $( "#responsable" ),
            destinatario = $( "#destinatario" ),
            referencia = $( "#referencia" ),
            act_exp = $( "#act_exp" ),
            cudap_mo = $( "#cudap_mo" ),
            cudap_ano = $( "#cudap_ano" ),
            folioAE = $( "#folioAE" ),
            frecepcion = $( "#frecepcion" ),
            felevacion = $( "#felevacion" ),
            del = $( "#del" );
            pendiente = $( "#pendiente" );
            obs = $( "#observaciones" );
            //allFields = $( [] ).add(remitente).add(responsable).add(destinatario).add(referencia).add(act_exp).add(cudap_mo).add(cudap_ano).add(folioAE).add(frecepcion).add(felevacion).add(del),
            //tips = $( ".validateTips" );
            //
            //formulario emergente 2                   
        var vin_exp = $( "#vin_exp" ),
            titulo = $( "#titulo" ),
            subtitulo = $( "#subtitulo" ),
            asunto = $( "#asunto" ),
            archivo = $( "#archivo" ),
            ffep = $( "#ffep" ),
            ffsr = $( "#ffsr" ),
            fallc = $( "#fallc" ),
            fotros = $( "#fotros" ),
            fnca = $( "#fnca" ),
            fsoe = $( "#fsoe" ),
            fallm = $( "#fallm" ),
            //allFields = $( [] ).add(remitente).add(titulo).add(subtitulo).add(asunto).add(archivo).add(ffep).add(ffsr).add(fallc).add(fotros).add(fnca).add(fsoe).add(fallm),
            allFields = $( [] ).add(vin_exp).add(titulo).add(subtitulo).add(asunto).add(archivo).add(ffep).add(ffsr).add(fallc).add(fotros).add(fnca).add(fsoe).add(fallm).add(remitente).add(responsable).add(destinatario).add(referencia).add(act_exp).add(cudap_mo).add(cudap_ano).add(folioAE).add(frecepcion).add(felevacion).add(del).add(pendiente).add(obs),
            tips = $( ".validateTips" );
        
        $( "#formId1" ).dialog({
                        closeOnEscape: true,
                        autoOpen: false,
			height: 595,
			width: 800,
			modal: false,                        
			buttons: {
				"aceptar datos": function() {
					var bValid = true;
					allFields.removeClass( "ui-state-error" );
			
				},
				Cancelar: function() {
					$( this ).dialog( "close" );
				}
			},
			close: function() {
				allFields.val( "" ).removeClass( "ui-state-error" );
			}
		});	
        
	});
        
        //asignacion de calendarios desplegables
        $(document).ready(function() {
                $("#frecepcion").datepicker();
        });
        $(document).ready(function() {
                $("#felevacion").datepicker();
        });
        $(document).ready(function() {
                $("#del").datepicker();
        });
        
    </script>
    <script type="text/javascript">
                     
        function mostrarDiv (it, box) {
           var vis = (box.checked) ? "block" : "none";
           document.getElementById(it).style.display = vis;
        }                   
            
    </script>
        
    </head>
    
    
    <body style="background-image: URL(./images/El_Rosarino_de_TBA.jpg)" bgproperties=fixed>
        
        <div>
            
            <div class="ui-widget-header ui-corner-all">
            <h1> Administrador</h1>
            </div>

        <div id="tabs">
            <ul>
		<li><a href="#tabs-1">Busqueda</a></li>
		<li><a href="#tabs-2">Administrar Usuarios</a></li>
                <li><a href="#tabs-3">Administrar desplegables</a></li>
		<li><a href="#tabs-4">Usuario</a></li>                
            </ul>
            
            <div id="tabs-1">
                <div class="ui-state-default ui-corner-all">
                    <div style="margin:5px 5px;">    
                <br/>
                <h1>Informes</h1>
                <br/>
                
                <form enctype="multipart/form-data" action="busqueda" method="post">
                    <label for="campo">Buscar por: </label>
                    <select name="campo" id="act_exp">
			<option value="1">EXP</option>
			<option value="2">ACT</option>			
                    </select>
                    <input name="keyval" id="keyval" type="text" maxlength="10" size="10"/>                 
                    <input name="traerDatos" id="traerDatos" value="Traer Datos" type="submit" />
                </form>
                <br/>
                
                <table id="example" cellpadding="0" cellspacing="0" border="0" class="display">
                    <thead>
                        <tr>
                            <th>Engine</th>
                            <th>Browser</th>
                            <th>Platform</th>
                            <th>Version</th>
                            <th> Grade</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                    <tfoot>
                        <tr>
                            <th>Rendering engine</th>
                            <th>Browser</th>
                            <th>Platform(s)</th>
                            <th>Engine version</th>
                            <th>CSS grade</th>
                        </tr>
                    </tfoot>
                </table>
                    </div>
               </div> 
            </div>
            
            <div id="tabs-2">
                <h2>Agregar usuario nuevo</h2>
                
                <form enctype="multipart/form-data" action="add_user.php" method="post">
                    <table>
                        <tbody>
                            <tr>
                              <td>
                                <label for="nombre">Nombre: <br/></label>
                                <input name="nombre" id="nombre" type="text" maxlength="20" size="20"/>
                                <br/>
                                <label for="contraseña1">Contraseña: <br/></label>
                                <input name="contraseña1" id="contraseña1" type="password" maxlength="20" size="20"/>
                                <br/>
                                <label for="contraseña2">Repetir contraseña: <br/></label>
                                <input name="contraseña2" id="contraseña2" type="password" maxlength="20" size="20"/>
                                <br/><br/>
                               </td>
                               <td>
                                <h3>Permisos: </h3>
                                <input type="radio" name="sLevel" value="1"checked> Invitado<br/>
                                <input type="radio" name="sLevel" value="2"> Usuario 1<br/>
                                <input type="radio" name="sLevel" value="3" > Usuario 2<br/>
                                <input type="radio" name="sLevel" value="4"> Controlador<br/> 
                                <input type="radio" name="sLevel" value="5"> Administrador<br/>                                
                                <br/><br/>
                               </td>
                             </tr>
                             <tr>
                               <td></td>
                               <td>
                                <input name="nuevo" id="nuevo" value="nuevo" type="submit" />
                               </td>
                             </tr>
                        </tbody>
                    </table>
                   <!-- implementar por ajax
                   <label for="contraseña1">Contraseña Administrador: <br/></label>
                   <input name="contraseña1" id="contraseña1" type="password" maxlength="20" size="20"/><br/>
                   <br/>
                   -->
                </form>                
                
                
                <h2>Desactivar usuario</h2>
                
                <form enctype="multipart/form-data" action="eliminarUsuario" method="post">
                   <label for="nombre">Nombre Usuario: <br/></label>
                   <select id="nombre" name="nombre">
                      <option value="0">Seleccionar</option>		
                   </select>
                   <!-- implementar por ajax
                   <label for="contraseña1">Contraseña Administrador: <br/></label>
                   <input name="contraseña1" id="contraseña1" type="password" maxlength="20" size="20"/><br/>
                   <br/>
                   -->
                   <br/><br/> 
                   <input name="desactivar" id="desactivar" value="desactivar" type="submit"/>
                   <input name="activar" id="activar" value="activar" type="submit"/>
                </form>
                <br/><br/><br/>
                
                    
                <h2>Cambiar permisos</h2>
                <form enctype="multipart/form-data" action="cambiarPermisos" method="post">
                <label for="usuario"> Usuario: </label>
                   <select id="usuario" name="usuario">
                      <option value="0">Seleccionar</option>		
                   </select>
                <br/>
                   <!--        Cambio de permisos por funcionalidad
                   
                   <input type="checkbox" name="permiso1" > Formulario 1<br/>
                   <input type="checkbox" name="permiso2" > Formulario 2<br/>
                   <input type="checkbox" name="permiso3" > Modificar Desplegables<br/>
                   <input type="checkbox" name="permiso4" > Modificar Usuarios<br/>
                   <br/> 
                   -->
                   
                   <!--        Cambio de permisos por niveles   -->
                   <input type="radio" name="sLevel" value="1"checked> Invitado<br/>
                   <input type="radio" name="sLevel" value="2"> Usuario 1<br/>
                   <input type="radio" name="sLevel" value="3" > Usuario 2<br/>
                   <input type="radio" name="sLevel" value="4"> Controlador<br/> 
                   <input type="radio" name="sLevel" value="5"> Administrador<br/>
                   <br/>
                   <!-- implementar por ajax
                   <label for="contraseña1">Contraseña Administrador: <br/></label>
                   <input name="contraseña1" id="contraseña1" type="password" maxlength="20" size="20"/><br/>
                   <br/>
                   -->
                   <input name="aceptar" id="aceptar" value="aceptar" type="submit"  style="margin:0 90px;"/>
                   
                </form>
                
            </div>
            
            <div id="tabs-3"> 
                
                <h2>Nuevo</h2>
                <form enctype="multipart/form-data" action="nuevoCampo" method="post">
                    
                    <label for="campo1">Nombre: <br/></label>
                    <select id="campo1" name="campo">
                        <option value="0">Seleccionar</option>		
                    </select>
                    <input name="selectNuevo" id="selectNuevo" type="text" maxlength="20" size="20"/>
                    <br/>
                    <input name="nuevo" id="nuevo" value="nuevo" type="submit"  style="margin:0 175px;"/>
                    
                </form>
                
                <h2>Borrar</h2>
                <form enctype="multipart/form-data" action="borrarCampo" method="post"> 
                    
                    <label for="campo2">CAMPO: <br/></label>
                    <select id="campo2" name="campo2">
                        <option value="0">Seleccionar</option>		
                    </select>
                    <select id="selectDel" name="selectDel">
                        <option value="0">Seleccionar campo</option>		
                    </select>
                    <br/>
                    <input name="borrar" id="borrar" value="borrar" type="submit"  style="margin:0 175px;"/>
                    
                </form>
                
            </div>
            
            <div id="tabs-4">
                <h2>Cambiar contraseña</h2> 
                <div class="ui-state-default ui-corner-all">
                    
                  <form enctype="multipart/form-data" action="nuevoContrasena" method="post">
                      
                    <table style="margin:0 50px;">                    
                    <tbody>
                        <tr>
                            <td>
                                <h3>VIEJA</h3>                                
                            </td>
                            <td> 
                            </td>
                        </tr>
                        <tr>                            
                            <td>
                                <label for="contVieja">Contraseña vieja: </label>
                                
                            </td>
                            <td>
                               <input name="contVieja" id="contVieja" type="password" maxlength="10" size="10"/>  
                            </td>                            
                        </tr>
                        <tr>
                            <td>
                                <h3>NUEVA</h3>                                
                            </td>
                            <td> 
                            </td>    
                        </tr>
                        <tr>
                            <td>
                              <label for="contNueva">Contraseña nueva: </label>  
                            </td>
                            <td>
                               <input name="contNueva1" id="contNueva1" type="password" maxlength="10" size="10"/>   
                            </td>
                        </tr>
                        <tr>
                            <td>
                              <label for="contNueva">Repetir nueva:    </label>  
                            </td>
                            <td>
                               <input name="contNueva2" id="contNueva2" type="password" maxlength="10" size="10"/>  
                            </td>
                        </tr>
                    </tbody>                    
                    </table>   
                    <br/>
                    <input name="aceptar" id="aceptar" value="aceptar" type="submit"  style="margin:0 175px;"/>
                    <br/>
                    <br/>
                    
                  </form>                    
                </div>
                <h2>Salir</h2>
                <form enctype="multipart/form-data" action="salir" method="post">
                    <input name="salir" id="salir" value="Cerrar sesion" type="submit"/>
                </form>
            </div>
        </div>

        </div><!-- End demo -->
        
        <div id="formId1" title="Formulario">        
            <form enctype="multipart/form-data" action="ferro01" method="post">
              
                <label for="remitente">REMITENTE: </label>
                <select name="remitente" id="remitente">
			<option value="1"></option>
			<option value="2"></option>
			<option value="3"></option>			
		</select>
                
                <br/>
                
                <label for="responsable">RESPONSABLE: </label>
                <select name="responsable" id="responsable">
			<option value="1"></option>
			<option value="2"></option>
			<option value="3"></option>			
		</select>
                
                <br/>
                
                <label for="destinatario">DESTINATARIO: </label>
                <select name="destinatario" id="destinatario">
			<option value="1"></option>
			<option value="2"></option>
			<option value="3"></option>			
		</select>
                
                <br/>
                
                <label for="frecepcion">FECHA RECEPCION: </label>
                <input name="frecepcion" id="frecepcion" type="text" maxlength="10" size="10"/> 
                
                <label for="frecepcion">FECHA ELEVACION: </label>
                <input name="frecepcion" id="felevacion" type="text" maxlength="10" size="10"/> 
                
                
                <label for="referencia">REFERENCIA: </label>
                <select name="referencia" id="referencia">
			<option value="1"></option>
			<option value="2"></option>
			<option value="3"></option>			
		</select>
                
                <label for="del">DEL: </label>
                <input name="del" id="del" type="text" maxlength="10" size="10"/> 
                
                <label for="pendiente">CNRT Pendiente: </label>
                <input type="checkbox" name="pendiente" id="pendiente"/>
                
                
                <br/>
                
                <label for="act_exp">CUDAP: </label>
                <select name="act_exp" id="act_exp">
			<option value="1">EXP</option>
			<option value="2">ACT</option>			
		</select>
               -S01:
               <input name="cudap_mo" id="cudap_mo" type="text" maxlength="7" size="7"/>/
               <input name="cudap_ano" id="cudap_ano" type="text" maxlength="4" size="4"/>
               
               <br/>
               
               <label for="folioAE">Folio ACT/EXP </label>
               <input type="checkbox" name="folioAE" id="folioAE" />
               <br/><br/>
                        
               <label for="vin-exp">OBSERVACIONES: <br/> </label>               
               <textarea rows="6" cols="100" name="observaciones" id="observaciones"/></textarea>                 
               
               
               <br/><br/>
               <hr WIDTH="700"/>
               <br/><br/>
              
                <label for="vin_exp">VINCULO - EXP ORIGEN: </label>
                <input name="vin_exp" id="vin_exp" type="text" maxlength="10" size="10"/>                
                <br/>
                                
                <label for="titulo">TITULO: </label>
                <select id="titulo" name="titulo" id="titulo">
                    <option value="0">Seleccionar</option>		
                </select>
                
                <label for="subtitulo">SUBTITULO: </label>
                <select id="subtitulo" name="subtitulo" id="subtitulo">
                    <option value="0">Seleccionar Titulo</option>                      	
                </select>                    
                <br/>   
                    
                <label for="vin-exp">ASUNTO: <br/> </label>               
                <textarea rows="6" cols="100" name="asunto" id="asunto"/></textarea>                 
                <br/>
                
                <label for="archivo">ARCHIVO </label>
                            <input type="checkbox" name="archivo" id="archivoAct" onClick="mostrarDiv('archivoDat', this)"/>
                            <br/>
                            
                            <div id="archivoDat" style="display:none">
                            <label for="ffep">Fº FEP: </label> 
                            <input name="ffep" id="ffep" type="text" maxlength="6" size="6"/>
                    
                            <label for="ffsr">Fº FSR: </label>
                            <input name="ffsr" id="ffsr" type="text" maxlength="6" size="6"/> 
                    
                            <label for="fallc">Fº ALL-C: </label>
                            <input name="fallc" id="fallc" type="text" maxlength="6" size="6"/> 
                    
                            <label for="fotros">Fº OTROS: </label>
                            <input name="fotros" id="fotros" type="text" maxlength="6" size="6"/> 
                            <br/>
                    
                            <label for="fnca">Fº NCA: </label>
                            <input name="fnca" id="fnca" type="text" maxlength="6" size="6"/> 
                    
                            <label for="fsoe">Fº SOE: </label>
                            <input name="fsoe" id="fsoe" type="text" maxlength="6" size="6"/>
                    
                            <label for="fallm">Fº ALL-M: </label>
                            <input name="fallm" id="fallm" type="text" maxlength="6" size="6"/>
                            </div>                            
              
           </form>
        </div >

    </body>
</html>